import axios from 'axios'
import store from '@/store'
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // 使用时前面加process.env
  timeout: 1000
})
// 添加响应拦截器
service.interceptors.response.use(function(response) {
  // console.log('响应结果拦截到了', response)
  if (response.data.success) {
    // 数据脱壳
    return response.data
  } else {
    // 如果success为false 业务出错,直接触发reject
    // 被catch分支捕获
    return Promise.reject(new Error(response.data.message))
    // 手动创建一个错误对象调用promise的reject来处理错误
  }
}, error => {
  return Promise.reject(error) // 返回执行错误 让当前的执行链跳出成功 直接进入 catch
})

// 添加请求拦截器
service.interceptors.request.use(function(config) {
  // 在请求拦截器前做点什么
  // 将vuex中的token携带在请求头中
  const token = store.state.user.token
  if (token) {
    // 对象的两种访问属性的方法
    // []里面可以写变量
    // config.headers['Authorization']
    config.headers.Authorization = 'Bearer ' + token
  }
  return config
}, function(error) {
  // 对请求错误做点什么
  return Promise.reject(error)
})

export default service
